<template>
  <span class="fa fa-angle-double-down"></span>
</template>

<script>
export default {};
</script>

<style scoped>
.fa {
  font-size: 40px;
  font-weight: bold;
  color: white;
  animation: ArrowAnimation 0.7s;
  animation-iteration-count: infinite;
}
@keyframes ArrowAnimation {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
</style>
